<template>
	<view class="flex-col page">
		<view class="flex-col group">
			<view class="flex-col">
				<text class="text_1">备注：</text>
				<u--form>
					<textarea placeholder="请输入陪签地址和时间安排" maxlength="100" class="b-w-h-c" style=""
						v-model="remarks"></textarea>
					</u-input>
				</u--form>

			</view>
			<text class="text_4" v-if="this.status==0">设计图纸上传</text>
			<text class="text_4" v-else-if="this.status==1">合同图片、预算清单</text>
		</view>
		<view class="flex-col group_2">
			<view class="justify-between">
				<text class="text_5">上传图片格式</text>
				<view class="flex-col text-wrapper_1" @click="go('/pages/guide/guide')">
					<text class="text_6">参照模版</text>
				</view>
			</view>
			<view class="flex-row group_4 ">
				<view class="image_6 flex-row">
					<shop-upload :maxCount="9" :fileList="fileList" @del="delectPic" @success='success'></shop-upload>
				</view>
			</view>
			<view class="justify-between group_6">
				<text class="text_8">上传文件格式</text>
				<view class="flex-col items-center text-wrapper_1"><text class="text_6">上传文件</text></view>
			</view>
			<view class="flex-row group_7">
				<uni-table ref="table" border stripe emptyText="暂无更多数据" @selection-change="selectionChange">
					<uni-tr style='background-color: rgb(242, 246, 225);'>
						<uni-th width="150" align="center">主材名称</uni-th>
						<uni-th width="150" align="center">上传时间</uni-th>
						<uni-th width="204" align="center">操作</uni-th>
					</uni-tr>
					<uni-tr v-for="(item, index) in tableData" :key="index">
						<uni-td>{{ item.date }}</uni-td>
						<uni-td>
							<view class="name">{{ item.name }}</view>
						</uni-td>
						<uni-td align="center">{{ item.address }}</uni-td>
						<uni-td>
							<view class="uni-group">
								<button class="uni-button" size="mini" type="primary">修改</button>
								<button class="uni-button" size="mini" type="warn">删除</button>
							</view>
						</uni-td>
					</uni-tr>
				</uni-table>
			</view>
			<text class="text_24">
				不限上传格式，但仅支持在线预览word、pdf、excle、jpg格式文件，其他格式的文件请移步pc端预览和下载。
			</text>
		</view>
		<!-- <text class="text_4" v-if="this.status==0">设计需求说明完善资料</text> -->
		<!-- <view class="flex-col group_2" v-if="this.status==0">
			<view class="justify-between">
				<text class="text_5">上传图片格式</text>
				<view class="flex-col items-center text-wrapper_1" @click="go('/pages/guide/guide')"><text
						class="text_6">参照模版</text></view>
			</view>
			<view class="group_4">
				<view class="image_6">
					<shop-upload></shop-upload>
				</view>
			</view>
			<view class="justify-between group_6">
				<text class="text_8">上传文件格式</text>
				<view class="flex-col items-center text-wrapper_1"><text class="text_6">上传文件</text></view>
			</view>
			<view class="flex-row group_7">
				
			</view>
			<text class="text_24">
				不限上传格式，但仅支持在线预览word、pdf、excle、jpg格式文件，其他格式的文件请移步pc端预览和下载。
			</text>
		</view> -->
		<view class="flex-col group_15" v-if="this.status==0">
			<view class="flex-col group_16">
				<text class="text_29">设计图纸</text>
				<view class="flex-col group_17">
					<view class="flex-row">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842493679270.png"
							class="image_1 image_15" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852207194694.png"
							class="image_1 image_16" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852320237759.png"
							class="image_1 image_17" />
					</view>
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852348214145.png"
						class="image_1 image_18" />
				</view>
			</view>
			<view class="flex-col group_16">
				<text class="text_29">设计需求说明</text>
				<view class="flex-col group_17">
					<view class="flex-row">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842493679270.png"
							class="image_1 image_15" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852207194694.png"
							class="image_1 image_16" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852320237759.png"
							class="image_1 image_17" />
					</view>
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852348214145.png"
						class="image_1 image_18" />
				</view>
			</view>
			<view class="flex-col items-center button uni-fixed-bottom"><text class="text_30 ">保存</text></view>
		</view>
		<view class="flex-col group_10" v-if="this.status ==1">
			<view class="justify-between">
				<text class="text_25">施工图</text>
				<view class="flex-col items-center text-wrapper_1"><text class="text_6">参照模版</text></view>
			</view>
			<view class="group_4">
				<shop-upload></shop-upload>
			</view>
			<view class="justify-center group_4">
				<view class="flex-col group_5">
					<!-- <image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557826807659915775.png"
							class="image_1 image_2" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557826799773958644.png"
							class="image_4" /> -->
					<!-- <view class="image_1 image_2" style="margin-top: 10px;"><shop-upload></shop-upload></view> -->
				</view>

			</view>

			<text class="text_27 ">
				不限上传格式，但仅支持在线预览word、pdf、excle、jpg格式文件，其他格式的文件请移步pc端预览和下载。
			</text>
		</view>
		<view class="flex-col group_12" v-if="this.status ==1">
			<view class="flex-col group_13">
				<text class="text_28">合同图片、预算清单</text>
				<view class="flex-col group_14">
					<view class="flex-row">
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842244786408.png"
							class="image_1 image_11" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842302469085.png"
							class="image_1 image_12" />
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842401310482.png"
							class="image_1 image_13" />
					</view>
					<image
						src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842460002621.png"
						class="image_1 image_14" />
				</view>
			</view>
			<view class="flex-col group_15" v-if="this.status ==1">
				<view class="flex-col group_16">
					<text class="text_29">施工图</text>
					<view class="flex-col group_17">
						<view class="flex-row">
							<image
								src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836842493679270.png"
								class="image_1 image_15" />
							<image
								src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852207194694.png"
								class="image_1 image_16" />
							<image
								src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852320237759.png"
								class="image_1 image_17" />
						</view>
						<image
							src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836852348214145.png"
							class="image_1 image_18" />
					</view>
				</view>
				<view class="flex-col items-center button uni-fixed-bottom"><text class="text_30 ">保存</text></view>
			</view>

		</view>
	</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				intro: {
					rules: {
						name: [
							// 对name字段进行长度验证
							{
								min: 5,
								message: '简介不能少于5个字',
								trigger: 'change'
							},
							// 对name字段进行必填验证
							{
								required: true,
								message: '请填写姓名',
								trigger: ['change', 'blur']
							},
						]
					}
				},
				remarks: '',
				status: '',
				fileList: [],
				tableData: [],
				ordersId: '',
			};
		},
		onLoad(option) {
			this.status = option.state
			this.ordersId = option.ordersId;

		},
		created() {
			if (this.status == 0) {
				this.getdataT()
			} else {
				this.getData()
			}


		},
		methods: {
			delectPic(index) {
				this.fileList.splice(index, 1);
			},
			// 获取数据
			getData() {
				this.$http('oteherL.getorderid', {
					ordersId: this.ordersId
				}).then(res => {
					if (res.code == 200) {
						console.log(res.data)
					} else {
						this.$u.toast(res.msg);
					}
				})
			},
			getdataT() {
				this.$http('oteherL.getSJSH', {
					designId: this.ordersId
				}).then(res => {
					if (res.code == 200) {
						console.log(res.data, 'getdataT')
					} else {
						this.$u.toast(res.msg);
					}
				})
			}
		},
	};
</script>

<style scoped lang="scss">
	.b-w-h-c {
		margin: 10px 0 0 0;
		border: 1px #f0f0f0 solid;
		/* width: 90vw; */
		height: 120rpx;
		border-radius: 10px;
		letter-spacing: 2rpx;
		padding: 10rpx 75rpx 80rpx 24rpx;
	}

	.group_4 {
		margin-top: 12px;
		padding-top: 5px;
		position: relative;
	}

	.text-wrapper_1 {
		border-radius: 12px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836673700205288.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 62px;
		height: 20px;
	}

	.group_5 {
		padding-top: 5px;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 112px;
	}

	.image_1 {
		border-radius: 8px;
		width: 107px;
		height: 107px;
	}

	.image_4 {
		width: 16px;
		height: 16px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.text-wrapper_6 {
		margin-left: 69px;
		margin-bottom: 3px;
		width: 54.5px;
	}

	.text_6 {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #1d6aff;
		font-size: 11px;
		font-family: '.AppleSystemUIFont';
	}

	.text_19 {
		color: #1c4ca8;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.image_2 {
		margin-right: 5px;
	}

	.page {
		background-color: #ffffffff;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;
		padding: 10px;
	}

	.group {
		padding: 15px 0px 0;
		flex: 1 1 auto;
		overflow-y: auto;
	}

	.group_2 {
		margin-top: 20px;
	}

	.group_10 {
		margin-top: 27.5px;
	}

	.group_12 {
		margin-top: 24px;
		border-top: solid 0.5px #eeeeee;
	}

	.text_1 {
		align-self: flex-start;
		color: #191919;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
		font-weight: bold;
	}

	.text-wrapper {
		margin-top: 17.5px;
		padding: 11.5px 0 83px;
		border-radius: 8px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836773679201388.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.text_3 {
		margin-top: 10px;
		color: #ff371d;
		font-size: 11px;
		font-family: '.AppleSystemUIFont';

	}

	.divider {
		margin-top: 19.5px;
		background-color: #eeeeee;
		border-radius: 0.25px;
		height: 0.5px;
	}

	.text_4 {
		margin-top: 14.5px;
		align-self: flex-start;
		color: #191919;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
		font-weight: 600;
	}

	.group_6 {
		margin-top: 19px;
	}

	.group_7 {
		margin-top: 16px;
		height: 154.5px;
		position: relative;
	}

	.text_24 {
		margin-top: 12px;
		color: #1c4ca8;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		text-align: left;
	}

	.text_27 {
		margin-top: 12px;
		color: #1c4ca8;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
		text-align: left;
	}

	.group_13 {
		padding: 14.5px 0 16px;
		border-bottom: solid 0.5px #eeeeee;
	}

	.group_15 {
		padding-bottom: 16px;
	}

	.text_2 {
		margin-left: 12.5px;
		color: #bfbfbf;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';

	}

	.text_5 {
		margin-bottom: 4.5px;
		color: #191919;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.image_6 {
		width: 107px;
		height: 107px;
	}

	.text_8 {
		margin-bottom: 4.5px;
		color: #191919;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.section_1 {
		padding: 9.5px 30px 13.5px;
		border-radius: 2px 2px 0 0;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836673727744564.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
	}

	.section_2 {
		padding: 10.5px 14.5px 12.5px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836674161259069.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 35.5px;
	}

	.section_3 {
		padding: 10.5px 21.5px 12.5px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836674161259069.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 75px;
	}

	.image_7 {
		width: 91.4667vw;
		height: 0.1333vw;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.section_4 {
		padding: 10.5px 21.5px 12.5px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836674161259069.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 114.5px;
	}

	.section_5 {
		background-color: #d9d9d9;
		width: 0.5px;
		height: 154.5px;
		position: absolute;
		left: 95.5px;
		top: 0;
	}

	.section_6 {
		background-color: #d9d9d9;
		width: 0.5px;
		height: 154.5px;
		position: absolute;
		right: 111.5px;
		top: 0;
	}

	.text_25 {
		margin-bottom: 4.5px;
		color: #191919;
		font-size: 14px;
		font-family: '.AppleSystemUIFont';
	}

	.image-wrapper {
		padding: 37.5px 0;
		border-radius: 8px;
		background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/617a2ca7e4f1450011362b37/62b127f6d029820011531bae/16557836668255361557.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 107px;
	}

	.text_28 {
		align-self: flex-start;
		color: #191919;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
	}

	.group_14 {
		margin-top: 17px;
	}

	.group_16 {
		padding: 14.5px 0 28px;
	}

	.button {
		width: 93%;
		height: 50px;
		bottom: 20px;
		position: fixed;
		padding: 9.5px 0 15.5px;
		background-color: #1d6aff;
		border-radius: 22px;
	}

	.text_12 {
		margin-right: 15px;
		color: #666666;
		font-size: 11px;
		font-family: '.AppleSystemUIFont';
	}

	.text-wrapper_2 {
		margin-top: 3px;
	}

	.text-wrapper_3 {
		margin-left: 48px;
		margin-top: 3px;
		width: 68px;
	}

	.group_9 {
		margin-left: 54.75px;
		margin-bottom: 3px;
	}

	.text-wrapper_4 {
		margin-top: 3px;
	}

	.text-wrapper_5 {
		margin-left: 60.5px;
		margin-top: 3px;
	}

	.text-wrapper_7 {
		margin-top: 3px;
	}

	.text-wrapper_8 {
		margin-left: 60.5px;
		margin-top: 3px;
	}

	.image_10 {
		width: 32px;
		height: 32px;
	}

	.image_14 {
		margin-top: 12px;
		align-self: flex-start;
	}

	.text_29 {
		align-self: flex-start;
		color: #191919;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
	}

	.group_17 {
		margin-top: 17px;
	}

	.text_30 {
		color: #ffffff;
		font-size: 16px;
		font-family: '.AppleSystemUIFont';
	}

	.text_10 {
		color: #666666;
		font-size: 11px;
		font-family: '.AppleSystemUIFont';
	}

	.text_11 {
		margin-left: 67px;
		color: #666666;
		font-size: 11px;
		font-family: '.AppleSystemUIFont';
	}

	.text_13 {
		margin-left: 7px;
		margin-right: 6.5px;
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_14 {
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_15 {
		color: #1c4ca8;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_16 {
		margin-left: 20px;
		color: #ff371d;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_17 {
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_18 {
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_21 {
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.text_22 {
		color: #333333;
		font-size: 12px;
		font-family: '.AppleSystemUIFont';
	}

	.image_11 {
		flex: 1 1 107px;
	}

	.image_12 {
		margin-left: 11px;
		flex: 1 1 107px;
	}

	.image_13 {
		margin-left: 11px;
		flex: 1 1 107px;
	}

	.image_18 {
		margin-top: 12px;
		align-self: flex-start;
	}

	.image_15 {
		flex: 1 1 107px;
	}

	.image_16 {
		margin-left: 11px;
		flex: 1 1 107px;
	}

	.image_17 {
		margin-left: 11px;
		flex: 1 1 107px;
	}
</style>
